<template>
  <header class="main-header">
    <h1>TodoList</h1>
  </header>
</template>

<script>
export default {
  name: 'MainHeader',
}
</script>

<style lang="stylus">
@import '~styles/theme.styl'

.main-header
  text-align center
  h1
    margin 20px 0
    font-size 100px
    font-weight 200
    font-family: STXinwei;
    color $cat
    text-shadow 8px 3px 5px rgba(105, 195, 243, 0.8)
    letter-spacing 5px
</style>
